草庐IT

css - :hover 上的重叠 div

全部标签

javascript - 试图涂黑可移动 div 之外的所有内容

我写了一个悬停缩放插件,我想弄清楚如何将悬停缩放框外的所有东西都变暗,并使缩放框本身透明,但我很难弄清楚我需要什么为它做。我使用不透明度吗?我是否使用背景图片?现在它只是在较暗的黑色不透明度bg之上显示白色0.5不透明度,但我有点挠头试图弄清楚这一点。任何建议都会非常有帮助。我正在尝试做的事情:演示:jsfiddle 最佳答案 这是一个解决方案示例,但它需要您进行一些更改。如果您将缩放方block设置为具有与底层图像相同的背景图像,并通过css将其背景位置调整为其相对于原始图像的位置的负值...我是否正确解释了这一点?http://

单独线程上的 Javascript 回调函数

Javascript是单线程的。那么回调函数及其包含函数是否在与主循环/事件循环相同的线程上执行?database.query("SELECT*FROMhugetable",function(rows){//anonymouscallbackfunctionvarresult=rows;console.log(result.length);});console.log("Iamgoingwithoutwaiting...");如果query()方法及其回调函数与事件循环在同一线程上执行,则会发生阻塞。如果不是,为什么Javascript被称为单线程?任何人都可以帮助验证javascri

javascript - 使用纯 JS 滚动到 div(不是窗口)内的位置

纯JS,请不要使用JQUERY我有一个带溢出滚动的div,窗口(html/body)永远不会溢出。我有一个anchor链接列表,希望在单击它们时滚动到某个位置。基本上只是从div中寻找anchor滚动,而不是窗口。window.scrollTo等不起作用,因为窗口实际上从未溢出。简单测试用例http://codepen.io/mildrenben/pen/RPyzqmJadenava(data-goto="#1")1a(data-goto="#2")2a(data-goto="#3")3a(data-goto="#4")4a(data-goto="#5")5a(data-goto="#

javascript - 用户查看页面后启动 CSS3 转换?

我的主页顶部有一个CSS3动画,它会在页面加载后立即启动。问题是,如果用户在新选项卡中打开该页面但没有立即查看它,即使他们没有查看该页面,动画也会播放。有没有办法让动画仅在用户查看该页面后才开始播放?有点像如果您在另一个隐藏的选项卡中打开YouTube视频,它不会自动播放,直到您打开该选项卡。如果您在新选项卡中打开笔,CodePen也会执行相同的操作,直到您查看该选项卡,它才会启动 最佳答案 您需要使用可见性api:https://developer.mozilla.org/en-US/docs/Web/API/Page_Visib

javascript - 移动浏览器上的 AngularJS 和 ASP.Net WebAPI 社交登录

我正在关注这篇关于使用AngularJS和ASP.NetWebAPI进行社交登录的文章(非常好):ASP.NETWebAPI2externalloginswithFacebookandGoogleinAngularJSapp差不多,当您通过桌面浏览器(即Chrome、FF、IE、Edge)运行社交登录时,代码工作正常。社交登录在一个新窗口(不是选项卡)中打开,您可以使用您的Google或Facebook帐户,一旦您通过其中任何一个登录,您将被重定向到回调页面(authComplete.html),并且回调页面定义了一个JS文件(authComplete.js),它将关闭窗口并在父窗口上

javascript - Chart.js 2 - 标签重叠

我在我的一个项目中使用Chart.js2。我已经成功地设计了它的样式,但有一个问题我似乎无法解决,这让我很不安。有时x轴上的最后一个标签会重叠。以下是我正在使用的选项:$scope.colours=[{borderColor:'#FFF',},{borderColor:'#FAF6DD'},{borderColor:'#A5CCFE'}];$scope.options={type:'line',tooltips:{enabled:false},elements:{line:{borderWidth:2,fill:false},point:{radius:0,hoverRadius:0}

javascript - fullCalendar 上的多个 nowIndicators

因为关于nowIndicator的文档很少……有没有办法在同一页面上显示类似nowIndicator的元素?例如...我想从01:00开始显示一个绿色的,我想从12:00开始显示一个蓝色的 最佳答案 我不确定这是否是最佳解决方案,它更像是一种hack。这个想法是将背景颜色更改为今天的行。所以你选择所有的行,因为时间间隔是30分钟,你会得到96个元素。(每天48个)前24个您不需要它,因为它是前一天。您将需要25-73个元素,因为今天是行。我编写了这个函数,它将在每个dayRender上调用。functioncolorToday(){

javascript - IE8 上的 jquery(null 为 null 或不是对象)错误

当我加载jquery时使用:它适用于IE9、firefox、chrome、safari,但不适用于IE8。我尝试了开发者/调试器工具,但仍然不明白为什么这是个问题。这是jquery应该有错误的字符代码:32039。在那条线上有这样的功能:G=function(a){varb=F.exec(a);b&&(b[1]=(b[1]||"").toLowerCase(),b[3]=b[3]&&newRegExp("(?:^|\\s)"+b[3]+"(?:\\s|$)"));returnb}有人也遇到过这个问题吗?站点是http://www.kanersan.com我不会在加载jquery之前调用

javascript - 如何使用 jQuery 循环元素中的单个 div

我正在尝试查看以下是否可行:我希望能够连续循环一个元素中的单个div[因此div的开始是在循环时同一个div的末尾。]这不一定是现有的插件。如果可能的话,我宁愿不克隆div。div的宽度将在循环之前通过javascript设置,但可能会进行少量调整。如果有任何想法,我将不胜感激! 最佳答案 jsBindemojQuery:$('.scroller').each(function(){$(this).find('img').clone().appendTo($(this));});(functionmove(){$('.scrolle

javascript - 如何在 twitter-bootstrap 中应用 navbar-inverse 的 CSS

通过使用twitter-bootstrap通过添加.navbar-inverse可以修改导航栏的外观。...我想做的是一个简单的js模块来更改网站的主题。我的脚本只能将一个类添加到主体选择器,然后所有内容都由less文件生成。$('body').addClass('theme-dark');使用js代码很容易得到结果。$('.navbar').addClass('navbar-inverse');但我的问题是不同的:仅通过将newTheme类添加到body选择器来应用navbar-inverse,更改less文件是否可能?如果是,我应该如何编写less规则?我想做这样的事情:.them